<template>
  <div class="page meetDetails">
    <van-swipe v-if="respon.imgurl" indicator-color="white">
      <van-swipe-item class="swiper-item">
        <img :src="respon.imgurl" alt srcset />
      </van-swipe-item>
    </van-swipe>
    <van-swipe v-else indicator-color="white">
      <van-swipe-item class="swiper-item">
        <img src="../../components/meetimg/meetnull.png" alt srcset />
      </van-swipe-item>
    </van-swipe>
    <div class="jcsj border-bottom" v-if="shows==2">精彩瞬间</div>
    <van-tabs v-model="active" v-else>
      <van-tab title="会议简介"></van-tab>
      <van-tab title="会议日程"></van-tab>
      <van-tab title="参会须知"></van-tab>
    </van-tabs>

    <div class="sh-content" v-if="shows==2">
      <div class="content" v-html="respon.moments"></div>
    </div>
    <div class="sh-content" v-else>
      <div class="content" v-if="active==0" v-html="respon.introduce"></div>
      <div class="content" v-else-if="active==1" v-html="respon.agenda"></div>
      <div class="content" v-else-if="active==2" v-html="respon.notice"></div>
      <div class="showicon">
        <a :href="'tel:'+respon.linkphone">我要报名</a>
      </div>
    </div>
  </div>
</template>
 <script>
import { geticcmeetingdetail } from "../../api/meeting.js";
export default {
  data() {
    return {
      shows: "",
      active: 0,
      respon: {}
    };
  },

  methods: {
    meetDetails() {
      geticcmeetingdetail(this.$route.query).then(res => {
        console.log(res);
        if (res.code == "0000") {
          this.respon = res.data;
        }
      });
    }
  },
  created() {
    this.shows = this.$route.query.status;
    this.meetDetails();
  }
};
</script>

<style scoped lang="less">
.page {
  background: #ffffff;
  width: 100%;
  min-height: 100%;
  line-height: 1.5;
  position: absolute;
  top: 0;
  padding-top: 46px;
}
.content {
  padding: 0.3rem;
}
.jcsj {
  line-height: 1rem;
  text-align: center;
  font-size: 16px;
  color: #323233;
  font-weight: 500;
  background: #ffffff;
}
.showicon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  a {
    text-align: center;
    line-height: 1;
    background: rgb(228, 152, 41);
    border-radius: 1rem;
    padding: 0.1rem 0.3rem;
    color: #ffffff;
    margin: 0.3rem auto;
  }
}
.van-swipe {
  height: 2.36rem;
  background: #ffffff;
}
</style>
